<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>AI xiaozhi</title>
  <link rel="stylesheet" href="css/style.css">
  <script src="vendors/jquery-2.1.3.min.js"></script>
  <script src="vendors/socket.io-1.3.7.js"></script>
  <script src="js/ai.js"></script>
</head>
<body>
  <div class="warpper">
    <div class="board">
      <h3>Hello 小智</h3>
      <input type="text" id="talk" value="你好吗"> <br>
      <button class="info">ZHI</button>

      <div class="opts">
        <div class="music">
          <button id="pre">pre</button>
          <button id="next">next</button>
          <button id="playOrStop">stop / play</button>
        </div>
      </div>
    </div>

    <!-- stage -->
    <div class="stage">
      <div class="mode">Music</div>
      <div id="txt"></div>
      <iframe class="pre-show" id="imgs" src="" frameborder="0"></iframe>
      <table id="list" class="pre-show"></table>

      <!-- <iframe class="pre-show" id="music" frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=5252342&auto=1&height=66"></iframe> -->

      <!-- <iframe class="pre-show" frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=28683214&auto=1&height=66"></iframe> -->

      <div class="music-wrapper">
        <div class="u-cover rotate">
          <img src="http://p3.music.126.net/fkqFqMaEt0CzxYS-0NpCog==/18587244069235039.jpg?param=130y130" alt="">
          <span class="msk"></span>
        </div>
        <div class="song-name"></div>
      </div>
    </div>




  </div>
</body>
</html>